<span class='title_page'>Novo Transporte</span>
<%= error_messages_for :transporte %>
<% form_for(@transporte) do |f| %>

    <fieldset class="colunas">

        <div class="coluna-1">
            <p>
                <%= f.label :ndt, 'NDT:' %><br/>
                <%= f.text_field :ndt,
                        :onkeyup => "javascript:somente_numero(this);",
                        :ondrop => "return false;",
						#:onblur => "naoExisteNdt('Número de Trasnporte ja existe.');",
                        :onpaste => "return false;",
                        :class => "input-text-layout" %>
                <%= hidden_field_tag "ndt_hidden"%>
            </p>
        </div>
	<div class="coluna-1" style="float:right; width:100px;">
            <p>
                <label for="cxs">Cxs.:</label> <br/>
                <%= f.text_field "cxs",
                        :maxlength => 10,
                        :size => 10,
                        :class => "input-text-layout txt_soma_cxs",
                        :readonly => true,
                        :tabindex => 999,
                        :onkeyup => "javascript:somente_numero(this);" %>
            </p>		
	</div>		
	<div class="coluna-1" style="float:right; width:100px;">
            <p>
                <label for="pares">Pares:</label> <br/>
                <%= f.text_field "pares",
                        :maxlength => 10,
                        :size => 10,
                        :class => "input-text-layout txt_soma_pares",
                        :readonly => true,
                        :tabindex => 999,
                        :onkeyup => "javascript:somente_numero(this);" %>
            </p>
	</div>	
		
        <!-- /.coluna-1 -->

    </fieldset>

    <fieldset class="colunas">
        <% tableize @deposito, :generate_css => false, :cols => 4 do |d| %>
            <div class="coluna-1">
                <p>
                    <%= check_box "deposito_#{d[1]}", "checkbox", {:class => "checkBoxDeposito input-checkbox",
                            :onclick => "javascript:habilitaTextField(#{d[1]});clickou(#{d[1]});"}, d[1] %>
                    <label for="aurora"><%= d[0].upcase_br %></label>
                </p>

                <div id="sub-<%= d[1] %>" class="subOpcoes new">
                    <p class="new">
                        <label for="paresAurora">Pares:</label> <br/>
                        <%= text_field "deposito_#{d[1]}", "quantidade", {
                                :size => 8,
                                :maxlength => 8,
                                :disabled => true,
                                :ondrop => "return false;",
                                :onpaste => "return false;",
                                :class => "input-text-layout txt_pares",
                                :onkeyup => "javascript:somente_numero(this); soma_pares();"} %>
                    </p>

                    <p class="new">
                        <label for="cxsAurora">CXS:</label> <br/>
                        <%= text_field "deposito_#{d[1]}", "quantidade_cxs", {
                                :size => 8,
                                :maxlength => 8,
                                :ondrop => "return false;",
                                :onpaste => "return false;",
                                :disabled => true,
                                :class => "input-text-layout txt_cxs",
                                :onkeyup => "javascript:somente_numero(this); soma_cxs();"} %>
                    </p>
                    <%= hidden_field "deposito_#{d[1]}", "box", :value => "0" %>
                    <!--<p>-->
                        <!--<label for="boxAurora">BOX:</label> <br/>-->
                         <!--<%= select "deposito_#{d[1]}", "box", Array.new(d[2]){|n| n + 1}, {:include_blank => true}, {:class => 'comboBox', :disabled => true} %> -->
                    <!--</p>-->
                    <br class="clear"/>
                </div>

                </p>
            </div>
        <% end %>
    </fieldset>



    <fieldset class="colunas">
        <div class="coluna-1">

            <p>
                <label for="destino">Itinerário:</label> <br/>
                <%= select "transporte", "destino", @destino, {:include_blank => true}, {:class => 'comboBox'} %>
            </p>

            <p>
                <label for="transportadora">Transportadora:</label> <br/>
                <%= select "transporte", "transportadora", @transportadora, {:include_blank => true}, {:class => 'comboBox'} %>
            </p>

            <p>
                <label for="tipo">Tipo:</label> <br/>
                <%= select "transporte", "tipo", @tipo, {:include_blank => true}, {:class => 'comboBox'} %>
            </p>
            
        </div>
        <!-- /.coluna-1 -->

        <div class="coluna-1">

            <p>
                <label for="data">Data de Criação:</label> <br/>
                <%= f.text_field :created_at,
                        :order => [:day, :month, :year],
                        :maxlength => 10,
                        :ondrop => "return false",
                        :onpaste => "return false",
                        :value => "#{Deposito.new.current_time.to_s_br[0..9]}",
                        :class => "input-text-layout selecionaDataCriacao dp-applied",
                        :onFocus =>"",
                        :onkeypress => "Mascara('DATA',this,event);" %>
            </p>

            <p>
                <label for="volume">Cubagem:</label> <br/>
                <%= f.text_field "m",
                        :maxlength => 10,
                        :size => 10,
                        :ondrop => "return false",
                        :onpaste => "return false",
                        :class => "input-text-layout",
                        :onkeyup => "javascript:somente_numero(this);" %>
            </p>

            <p>
                <label for="peso">Peso:</label> <br/>
                <%= f.text_field "peso",
                        :maxlength => 10,
                        :size => 10,
                        :ondrop => "return false",
                        :onpaste => "return false",
                        :class => "input-text-layout",
                        :onkeyup => "javascript:somente_numero(this);" %>
            </p>

        </div>
        <!-- /.coluna-1 -->

        <div class="coluna-1">

            <p>
                <label for="cxs">Obs.:</label> <br/>
                <%= f.text_field "obs_trans",
                        :maxlength => 50,
                        :size => 50,
                        :class => "input-text-layout", :size => '40' %>
            </p>

            <p>
                <label for="itinerario">Destino:</label> <br/>
                <%= f.text_field "itinerario",
                        :maxlength => 10,
                        :size => 10,
                        :class => "input-text-layout",
                        :tabindex => 999%>
            </p>

            <p>
                <%= check_box "transporte", "etiqueta", {:class => "input-checkbox"}, 1 , 0 %>
                <label for="etq">Etiqueta:</label>
            </p>

            <p>
                <%= check_box "transporte", "carro", {:class => "input-checkbox"}, 1 , 0 %>
                <label for="etq">Carro:</label>
            </p>

        </div>
        <!-- /.coluna-1 -->
        <br class="clear"/>
    </fieldset>
    <p class="tcen">
        <%= button_to_function "Salvar", "salvar(#{@deposito.size})", :class => "input-submit" %>
		<%= button_to_function "Voltar", "javascript:window.history.go(-1)", :class => "input-submit" %>			
    </p>

	<%= hidden_field_tag "hoje", Deposito.new.current_time.to_s_br[0..9]%>	
<% end %>

<script type="text/javascript">
/*
// Campos Obrigatórios
//Nº do Transporte
var transporte_ndt = new LiveValidation('transporte_ndt',{validMessage: "√"} );
transporte_ndt.add( Validate.Presence, {failureMessage: "X"});

//Data de criação
var transporte_created_at = new LiveValidation('transporte_created_at',{validMessage: "√"} );
transporte_created_at.add( Validate.Presence, {failureMessage: "X"});

//Pares
var transporte_pares = new LiveValidation('transporte_pares',{validMessage: "√"} );
transporte_pares.add( Validate.Presence, {failureMessage: "X"});

//Cxs
var transporte_cxs = new LiveValidation('transporte_cxs',{validMessage: "√"} );
transporte_cxs.add( Validate.Presence, {failureMessage: "X"});

//Volume
var transporte_m = new LiveValidation('transporte_m',{validMessage: "√"} );
transporte_m.add( Validate.Presence, {failureMessage: "X"});

//Peso
var transporte_peso = new LiveValidation('transporte_peso',{validMessage: "√"} );
transporte_peso.add( Validate.Presence, {failureMessage: "X"});

//Destino
var transporte_destino = new LiveValidation('transporte_destino',{validMessage: "√"} );
transporte_destino.add( Validate.Presence, {failureMessage: "X"});

//Tipo
var transporte_tipo = new LiveValidation('transporte_tipo',{validMessage: "√"} );
transporte_tipo.add( Validate.Presence, {failureMessage: "X"});

//Transportadora
var transporte_transportadora = new LiveValidation('transporte_transportadora',{validMessage: "√"} );
transporte_transportadora.add( Validate.Presence, {failureMessage: "X"});
*/

Event.observe(window, 'load',
    function() {
        <% @deposito.each do |d| %>
            <%= "$('sub-#{d[1]}').hide();"%>
        <%end%>
		jQuery.noConflict();
    }
);

function clickou(tamanho){
    Effect.toggle('sub-'+tamanho, 'appear');
}


function naoExisteNdt(msg){
	var ndt = $F('transporte_ndt');
	var flag = "";
	
	return jQuery.post("/transportes/existendt/"+ndt,
	  function(data){
		var retorno = jQuery(data, 'ndt').text();
		if(retorno == 1){
			alert(msg);
			return false;
		}else{
			document.forms[0].submit()		
			return true;
		}
	});		
}

function validaDepositos(tamanho){
        var resultado = new Boolean(false);
        var marcado = new Boolean(false);
	
		$$('input.checkBoxDeposito').each(
			function(ch){
                if (ch != null && ch.checked == true){
					marcado = true;
				}		
			}
		);	

        if (marcado == true){
                for (var i=1;i<=tamanho;i++){
                        txt_quantidade = document.getElementById('deposito_' + i + '_quantidade');
                        txt_quantidade_cxs = document.getElementById('deposito_' + i + '_quantidade_cxs');
                        txt_box = document.getElementById('deposito_' + i + '_box');
                        if (txt_quantidade != null && txt_quantidade.disabled == false && txt_quantidade.value == ""){
                                resultado = true;
						}
                        
                        if (txt_quantidade_cxs != null && txt_quantidade_cxs.disabled == false && txt_quantidade_cxs.value == ""){
                                resultado = true;
						}
				}
                if (resultado == true){
					return false;
				}else{
					return true;
				}
		}else{
			return false;
		}
}		

function salvar(tamanho){
        if (checarPorBrancos(
			$('transporte_ndt'), "Número de Transporte",
			$('transporte_destino'), "Itinerário",
			$('transporte_transportadora'), "Transportadora",
			$('transporte_tipo'), "Tipo",
			$('transporte_created_at'), "Data de Criação",
			$('transporte_m'), "Volume",
			$('transporte_peso'), "Peso")){
			
			if(!validaDepositos(tamanho)){
				alert("É nencessário que seja preenchido todas as informações sobre os depósitos!");				
			}else{
				if(validaData($('transporte_created_at'),"A data está inválida")
				&& isBigger2Igualdade($F('hoje'),$F('transporte_created_at'),"A data de criação do DT não pode ser maior que hoje."))
				
					//naoExisteNdt("Número de Trasnporte ja existe.");
					document.forms[0].submit()
				
			}
		}

}
function soma_pares(tamanho){
		var resultado = new Number(0);
		$$('input.txt_pares').each(
			function(txt){
				var valor = new Number(txt.value);
				resultado = resultado + valor;					
			}
		);
		if (resultado != 0){
			$('transporte_pares').value = resultado;
		}else{
			$('transporte_pares').value = "";
		}
}		

function soma_cxs(tamanho){
		var resultado = new Number(0);
		$$('input.txt_cxs').each(
			function(txt){
				var valor = new Number(txt.value);
				resultado = resultado + valor;					
			}
		);
		if (resultado != 0){
			$('transporte_cxs').value = resultado;
		}else{
			$('transporte_cxs').value = "";
		}
}

function habilitaTextField(campo_id){
var id_qua = "deposito_"+ campo_id + "_quantidade";
var id_qua_cxs = "deposito_"+ campo_id + "_quantidade_cxs";
var id_box = "deposito_" + campo_id + "_box";
ch = document.getElementById("deposito_"+campo_id+"_checkbox");
txt_qua = document.getElementById(id_qua);
txt_qua_cxs = document.getElementById(id_qua_cxs);
txt_box = document.getElementById(id_box);
pares = document.getElementById('transporte_pares');

if (ch.checked){
        txt_qua.disabled = false;
        txt_qua_cxs.disabled = false;
        txt_box.disabled = false
        }else{
txt_qua.disabled = true;
txt_qua.value = "";
txt_qua_cxs.disabled = true;
txt_qua_cxs.value = "";
txt_box.disabled = true;
txt_box.value = "";
soma_pares(<%= @deposito.size %>);
soma_cxs(<%= @deposito.size %>);
}
}
function somente_numero(campo){
        var digits="0123456789"
        var campo_temp
        for (var i=0;i<campo.value.length;i++){
                campo_temp=campo.value.substring(i,i+1)
                if (digits.indexOf(campo_temp)==-1){
                        campo.value = campo.value.substring(0,i);
                        break;
                        }
                }
        }

function Mascara(tipo, campo, teclaPress) {
        if (window.event)
                {
                        var tecla = teclaPress.keyCode;
                        } else {
                tecla = teclaPress.which;
                }

        var s = new String(campo.value);
        // Remove todos os caracteres à seguir: ( ) / - . e espaço, para tratar a string denovo.
        s = s.replace(/(\.|\(|\)|\/|\-| )+/g,'');
        tam = s.length + 1;
        if ( tecla != 9 && tecla != 8 ) {
                switch (tipo)
                        {
                        case 'CPF' :
                                if (tam > 3 && tam < 7)
                                        campo.value = s.substr(0,3) + '.' + s.substr(3, tam);
                                if (tam >= 7 && tam < 10)
                                        campo.value = s.substr(0,3) + '.' + s.substr(3,3) + '.' + s.substr(6,tam-6);
                                if (tam >= 10 && tam < 12)
                                        campo.value = s.substr(0,3) + '.' + s.substr(3,3) + '.' + s.substr(6,3) + '-' + s.substr(9,tam-9);
                                break;
                        case 'CNPJ' :

                                if (tam > 2 && tam < 6)
                                        campo.value = s.substr(0,2) + '.' + s.substr(2, tam);
                                if (tam >= 6 && tam < 9)
                                        campo.value = s.substr(0,2) + '.' + s.substr(2,3) + '.' + s.substr(5,tam-5);
                                if (tam >= 9 && tam < 13)
                                        campo.value = s.substr(0,2) + '.' + s.substr(2,3) + '.' + s.substr(5,3) + '/' + s.substr(8,tam-8);
                                if (tam >= 13 && tam < 15)
                                        campo.value = s.substr(0,2) + '.' + s.substr(2,3) + '.' + s.substr(5,3) + '/' + s.substr(8,4)+ '-' + s.substr(12,tam-12);
                                break;

                        case 'TEL' :
                                if (tam > 2 && tam < 4)
                                        campo.value = '(' + s.substr(0,2) + ') ' + s.substr(2,tam);
                                if (tam >= 7 && tam < 11)
                                        campo.value = '(' + s.substr(0,2) + ') ' + s.substr(2,4) + '-' + s.substr(6,tam-6);
                                break;
                        case 'DATA' :
                                if (tam > 2 && tam < 4)
                                        campo.value = s.substr(0,2) + '/' + s.substr(2, tam);
                                if (tam > 4 && tam < 10)
                                        campo.value = s.substr(0,2) + '/' + s.substr(2,2) + '/' + s.substr(4,tam-4);
                                break;
                        }
                }
        }
</script>